<template>
	<view >
		<myHeader :title="title"></myHeader>
		<view class="content">
			 <!-- view class="btn-area" v-for="(item,index) in param" :key="index">
                <navigator :url="'..'+item.menuUrl+'?item='+item" hover-class="navigator-hover" >
                    <button type="default" style="text-align: left;">{{item.departName}}</button>
                </navigator>
			</view> -->
				<uni-list>
					<uni-list-item 
					v-for="(child,index) in param" :key="index"
					 :title="child.departName"
					 :thumb="'../../static/icons/icon'+index+'.png'"
					 link :to="'/pages'+child.menuUrl"
					 thumb-size="lg" >
					</uni-list-item>
				</uni-list>
		</view>
	</view>
</template>

<script>
import myHeader from '../components/head.vue'
	export default{
		data() {
			return {
				title:"选择组织",
				param:[],
			}
		},components:{
			myHeader
		},onLoad(query){
			this.param = JSON.parse(query.param);
			console.log(this.param);
		},
		mounted(param) {
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
			/deep/.uni-list--lg{
				width: 30upx;
				height: 30upx;
			}
	}
</style>
